{% extends 'layout.html' %}
{% load static %}
{% block css %}
<link rel="stylesheet" href="{% static 'css/merch_show.css' %}">
{% endblock %}
{% block content %}
{#    <div class="article-categories">#}
{#        <h3>周边分类</h3>#}
{#        <div class="category-row">#}
{#            <ul>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">手办</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">服装</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">海报</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">文具</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">电子产品</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">日用</a></li>#}
{#            </ul>#}
{#            </ul>#}
{#        </div>#}
{#        <div class="category-row">#}
{#            <ul>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">卡片</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">动漫音乐</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">漫画书</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">粉丝创作</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">cosplay</a></li>#}
{#                <li><a href="/C:\Users\24105\Desktop\ysqd (1)\周边跳转\zbtz.html">雕塑</a></li>#}
{#            </ul>#}
{#            </ul>#}
{#        </div>#}
{##}
{#    </div>#}

    <div class="zong-categories">

        <div class="z-categories">
            <div class="categories">
                <img src="{% static '/picture/qq1.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">初音未来手办</div>
                <div class="jiage">2300元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq2.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">全职高手徽章</div>
                <div class="jiage">40元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq3.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">终末的女武神立牌</div>
                <div class="jiage">80元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq4.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">阿妮娅卡套</div>
                <div class="jiage">10元</div>
            </div>
        </div>
        <div class="z-categories">
            <div class="categories">
                <img src="{% static '/picture/qq1.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">初音未来手办</div>
                <div class="jiage">2300元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq2.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">全职高手徽章</div>
                <div class="jiage">40元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq3.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">终末的女武神立牌</div>
                <div class="jiage">80元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq4.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">阿妮娅卡套</div>
                <div class="jiage">10元</div>
            </div>
        </div>
        <div class="z-categories">
            <div class="categories">
                <img src="{% static '/picture/qq1.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">初音未来手办</div>
                <div class="jiage">2300元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq2.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">全职高手徽章</div>
                <div class="jiage">40元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq3.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">终末的女武神立牌</div>
                <div class="jiage">80元</div>
            </div>
            <div class="categories">
                <img src="{% static '/picture/qq4.jpg' %}" alt="周边图片" class="zhoubian-cover">
                <div class="zhoubian-title">阿妮娅卡套</div>
                <div class="jiage">10元</div>
            </div>
        </div>

    </div>
{% endblock %}